<template>
  <div class="contentWrap">
    <div class="email">
      <input type="text" placeholder="6~18位数字组合"/>
      <div class="choose">
        <span>@126.com 🔽</span>
      </div>
    </div>
    <div class="pwd">
      <input type="text" placeholder="6~16位字母数字字符串组合密码"/>
      <span>👁</span>
    </div>
    <div class="verify">
      <i class="click"></i>
      <span>✔ 点此进行验证</span>
    </div>
    <div class="phoneLogin" @click="$router.push('/profile/logbyphone')">
      <i class="phonePic"></i>
      <span>下一步</span>
    </div>
    <div class="policy">
      <input type="checkbox">
      <span>
        同意注册即代表同意
        <a href="javascript:;">《服务条款》</a>
        和
        <a href="javascript:;" class="">《网易隐私政策》</a>
      </span>
    </div>
  </div>
</template>

<script>
  
  export default {
    name: 'index',
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .contentWrap
    box-sizing: border-box
    padding 176px 30px 0
    width 100%
    height 1408px
    .email
      height 200px
      margin-top -120px
      display flex
      justify-content: space-around
      align-items center
      input
        width 400px
        height 90px
        outline none
        border 1px solid #7F7F7F
        border-radius 10px
        line-height 120px
        text-align left
        box-sizing border-box
        padding 0 20px
        font-size 30px
        font-family "Microsoft YaHei UI"
      .choose
        font-size 30px
        font-family "Microsoft YaHei UI"
        border 1px solid #7F7F7F
        width 220px
        line-height 90px
        text-align center
        height 90px
    .pwd
      height 100px
      display flex
      justify-content: space-around
      align-items center
      border 1px solid #7F7F7F
      input
        outline none
        border none
        width 450px
        font-size 30px
        font-family "Microsoft YaHei UI"
      span
        font-size 80px
    .verify
      height 80px
      margin-top 50px
      background linear-gradient(180deg,#fff 0,#ebedf0 87%)
      text-align center
      border 1px solid #eee
      line-height 80px
      font-size 30px
      font-family "Microsoft YaHei UI"
    .phoneLogin
      margin-top 15px
      height 94px
      background: #B4282D
      font-size 30px
      line-height 94px
      text-align: center
      color #fff
      border-radius 10px
      font-family "Microsoft YaHei UI"
    .policy
      margin-top 10px
      height 50px
      input
        vertical-align middle
      a
        text-decoration: none
</style>

























